<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Import</title>
    <link th:href="@{/css/main.css}" type="text/css" rel="stylesheet"/>
    <link th:href="@{/plugs/font-awesome/css/font-awesome.min.css}" type="text/css" rel="stylesheet"/>
    <link th:href="@{/plugs/bootstrap-4.5.0-dist/css/bootstrap.min.css}" type="text/css" rel="stylesheet"/>
    <link th:href="@{/plugs/bootstrap-table/bootstrap-table.min.css}" type="text/css" rel="stylesheet"/>
    <link th:href="@{/plugs/bootstrap-fileinput/css/fileinput.min.css}" type="text/css" rel="stylesheet"/>
</head>
<body>
<nav class="navbar navbar-dark bg-dark">
    <a th:href="@{/}"><h5 class="text-white h4">Tools</h5></a>
</nav>

<div class="container">
 <div id="toolbar" class="right-container">
     <button id="importExcelBt" type="button" class="btn btn-primary" data-toggle="dialog" data-target="#modal">导入</button>
 </div>
 <table id="excelImportTable" class="table table-striped"></table>
</div>
<div class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Excel上传 </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <input id="input" type="file" name="uploadfile" style="display: none;">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <!--<button type="button" class="btn btn-primary">上传</button>-->
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" th:src="@{/jQuery/jquery-3.4.1.min.js}" ></script>
<script type="text/javascript" th:src="@{/plugs/bootstrap-4.5.0-dist/js/bootstrap.bundle.js}"></script>
<script type="text/javascript" th:src="@{/plugs/bootstrap-table/bootstrap-table.min.js}" ></script>
<script type="text/javascript" th:src="@{/plugs/locale/bootstrap-table-zh-CN.js}" ></script>
<!--fileInput-->
<script type="text/javascript" th:src="@{/plugs/bootstrap-fileinput/js/fileinput.min.js}"></script>
<script type="text/javascript" th:src="@{/plugs/bootstrap-fileinput/js/locales/zh.js}"></script>
<script type="text/javascript" th:src="@{/plugs/bootstrap-fileinput/themes/fa/theme.min.js}"></script>
<!--fileInput-->

<!--bootbox-->
<script type="text/javascript" th:src="@{/plugs/bootbox/bootbox.min.js}"></script>

<script type="text/javascript" th:src="@{/js/excelImport.js}" ></script>

<script type="text/javascript">
    jQuery(function (){
        Import.init();
        Import.initFileInput();
    })
</script>
</body>
</html>